<template>
	<view class="list_item1">
			 <image  class="imgs"  :src="list2.imgUrl"></image>
			 <view class="name">{{list2.name}}</view>
			 <view class="rate">
			 	{{list2.name}}
			 </view>
		
	</view>
</template>

<script>
	export default{
		 data(){
			 return{
				
			 }
		 },
		 props:{
			
			 list2:{
				 type:Object,
				 default:()=>{}
			 }
		 }
	}
</script>

<style lang="less">
	.list_item1{
		flex: 0 0 200px;
		height:130px;
		display: flex;
		flex-direction:column;
		justify-content: center;
		align-items: center;
		box-shadow: 0px 0px 5px #ccc;
		border-radius: 5px;
		margin-left: 20px;
		margin-top: 5px;
	   font-size: 12px;
	   border-top-left-radius: 8px;
	     border-top-right-radius: 8px;
	   // &:nth-last-of-type(1){
		  //  margin-right: 1000px;
	   // }
	   .name{
		   font-size: 14px;
		   text-align: center;
		   margin-top: 5px;
		   font-weight: bold;
			}
			.rate{
				margin-top: 5px;
		     font-size: 12px;
			 color: #666;
			}
		.imgs{
			width: 200rpx;
			height: 200rpx;
		  border-top-left-radius: 8px;
		  border-top-right-radius: 8px;
			// margin-left: 15px;
		}
	
	}
</style>
